<!doctype html>
<html>
<head>
<meta http-equiv="content-type"  content="text/html;charset=utf-8"></meta>
<title>0.0</title>
</head>
 
<style>
  body{
  height:100%;
  width:90%;
  background:#C4B8F1;
  }
  .nav{
  text-align:center;
  font-weight: lighter;
  color:#1C86EE;
  text-shadow: #C6E2FF 0 1px 0;
 
  }
   
  .out{
   width:100%;
   height:100%;
   border: 5px solid #dedede;
  -moz-border-radius: 15px;     
  -webkit-border-radius: 15px; 
   border-radius:15px;
   margin-top:20px;
    position:relative;
    margin-left:auto;
  }
  a{
  text-decoration:none;
  display:block;
  position:absolute;
  left:12px;
  }
  a:hover{
  color:#4828C7;
  font-weight:bold;
  background:#DBD5F7;
  border: 2px solid #4D2BD5;
  -moz-border-radius: 15px;     
  -webkit-border-radius: 15px; 
  }
</style>
<body>
 
 
<div class="out">
<div class="nav">网站导航栏</div>
<a href="http://www.baidu.com"  target="right">百度</a></br>
<a href="http://www.hao123.com"  target="right">好123</a></br>
<a href="http://www.so.com"  target="right">360搜索</a></br>
</div>
 
 
 
</body>
</html>
